<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
		<meta name="renderer" content="webkit"/>
		<meta name="force-rendering" content="webkit"/>
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/popup.css"/>
		<script src="js/config.js"></script>
		<script src="js/jquery-1.8.1.min.js"></script>
		<style>
			body{
					-moz-user-select:none;/*火狐*/
					-webkit-user-select:none;/*webkit浏览器*/
					-ms-user-select:none;/*IE10*/
					-khtml-user-select:none;/*早期浏览器*/
					user-select:none;
			}
	</style>
	</head>
	<body>
		<div class="topss">
		  <div class="topssbox">
		    <img src="img/index/s.png" />
			<input type="text" placeholder="搜索你感兴趣的课程" class="ss-input" />
		  </div>
		</div>
		<div class="content">
			<div class="typeNav">
				<ul class="typeNav_tabbar d-f a-c-c j-c-c">
					<li class="flex1 d-f f-d-c j-c-c a-c-c on">
						热门
						<span class="line"></span>
					</li>
					<li class="flex1">
						推荐
					</li>
					<li class="flex1">
						最近
					</li>
				</ul>
				<div class="banner">
					  <ul>
					     <li><img src="img/index/banner.jpg"/></li>
					  </ul>
				</div>
				<div class="hotbox">
					<ul>
						<li>
							<div class="hotbox-top">
								<img src="img/index/toux.jpg" class="product-img"/>
								<div class="hotbox-label">
									<div class="spsc d-f a-c-c">
										<img src="img/index/shipin.png" class="spsc-icon"/>
										<span class="spsc-num">15:19</span>
									</div>
									<div class="sp-label">
										<button class="sp-label-btn">视频</button>
									</div>
								</div>
							</div>
							<p class="product-title">标题标题标题标题标题标题标题标题</p>
							<div class="product-leibie">
								<span>所属类别</span>
								<span>热度12</span>
							</div>
						</li>
						<li>
							<div class="hotbox-top">
								<img src="img/index/toux.jpg" class="product-img"/>
								<div class="hotbox-label">
									<div class="spsc d-f a-c-c">
									</div>
									<div class="sp-label">
										<button class="sp-label-btn zhuanlan">专栏</button>
									</div>
								</div>
							</div>
							<p class="product-title">标题标题标题标题标题标题标题标题</p>
							<div class="product-leibie">
								<span>所属类别</span>
								<span>热度12</span>
							</div>
						</li>
						<li>
							<div class="hotbox-top">
								<img src="img/index/toux.jpg" class="product-img"/>
								<div class="hotbox-label">
									<div class="spsc d-f a-c-c">
										<img src="img/index/shipin.png" class="spsc-icon"/>
										<span class="spsc-num">15:19</span>
									</div>
									<div class="sp-label">
										<button class="sp-label-btn">视频</button>
									</div>
								</div>
							</div>
							<p class="product-title">标题标题标题标题标题标题标题标题</p>
							<div class="product-leibie">
								<span>所属类别</span>
								<span>热度12</span>
							</div>
						</li>
						<li>
							<div class="hotbox-top">
								<img src="img/index/toux.jpg" class="product-img"/>
								<div class="hotbox-label">
									<div class="spsc d-f a-c-c">
									</div>
									<div class="sp-label">
										<button class="sp-label-btn zhuanlan">专栏</button>
									</div>
								</div>
							</div>
							<p class="product-title">标题标题标题标题标题标题标题标题</p>
							<div class="product-leibie">
								<span>所属类别</span>
								<span>热度12</span>
							</div>
						</li>
						<li>
							<div class="hotbox-top">
								<img src="img/index/toux.jpg" class="product-img"/>
								<div class="hotbox-label">
									<div class="spsc d-f a-c-c">
										<img src="img/index/shipin.png" class="spsc-icon"/>
										<span class="spsc-num">15:19</span>
									</div>
									<div class="sp-label">
										<button class="sp-label-btn">视频</button>
									</div>
								</div>
							</div>
							<p class="product-title">标题标题标题标题标题标题标题标题</p>
							<div class="product-leibie">
								<span>所属类别</span>
								<span>热度12</span>
							</div>
						</li>
						<li>
							<div class="hotbox-top">
								<img src="img/index/toux.jpg" class="product-img"/>
								<div class="hotbox-label">
									<div class="spsc d-f a-c-c">
									</div>
									<div class="sp-label">
										<button class="sp-label-btn zhuanlan">专栏</button>
									</div>
								</div>
							</div>
							<p class="product-title">标题标题标题标题标题标题标题标题</p>
							<div class="product-leibie">
								<span>所属类别</span>
								<span>热度12</span>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="footbox">
		  <div class="footer">
		    <ul>
		      <li class="on">
		        <a href="">
		          <img src="img/footer/icon_home_pre.png" />
		          <p>首页</p>
		        </a>
		      </li>
		      <li>
		        <a href="">
		          <img src="img/footer/icon_sort.png" />
		          <p>分类</p>
		        </a>
		      </li>
		      <li>
		        <a href="">
		          <img src="img/footer/icon_study.png" />
		          <p>学习</p>
		        </a>
		      </li>
		      <li>
		        <a href="">
		          <img src="img/footer/icon_my.png" />
		          <p>我的</p>
		        </a>
		      </li>
		    </ul>
		  </div>
		</div>
		<!-- 弹框 -->
		<div class="likePop" style="display: none;">
			<div class="pop-mask"></div>
			<div class="likeCont">
				<p class="likeCont-text">选我喜欢的科系</p>
				<div class="like-foot">
					<button class="like-foot-btn">暂不设置</button>
					<button class="like-foot-btn like-btn-ljsz">立即设置</button>
				</div>
			</div>
		</div>
	</body>
</html>
